導讀:前言:SEO在網(wǎng)站運營中的地位已經(jīng)不言而喻了,SEO說難不難,因為只要在網(wǎng)站制作過程中,把握一些“套路”,不要過于修飾就差不多了,這個方面站長基本都是知道的,但是SEO說簡單也不簡單,
發(fā)表日期:2019-10-10
文章編輯:興田科技
瀏覽次數(shù):9280
標簽:
前言:SEO在網(wǎng)站運營中的地位已經(jīng)不言而喻了,SEO說難不難,因為只要在網(wǎng)站制作過程中,把握一些“套路”,不要過于修飾就差不多了,這個方面站長基本都是知道的,但是SEO說簡單也不簡單,需要多觀察、思考,耐心的去研究“細節(jié)”,方能把網(wǎng)站的整體排名提高到一個檔次。如果對于SEO細節(jié)的把握得當,會起到非常好的收效。本人不才,將在以后的日子里,發(fā)布一系列“SEO:細節(jié)決定成敗”的文章,本文以CSS優(yōu)化為例,介紹一些技巧,希望能和大家一起學習探討SEO,同時也希望大家不吝賜教,謝謝!
總的來說,p + CSS的網(wǎng)站標注設計,大家應該有了很多的了解了,我整理了一下,符合設計標準簡單來講有以下好處:
提供最多利益給最多的網(wǎng)站用戶
確保任何網(wǎng)站文擋都能夠長期有效
簡化代碼、降低建設成本
讓網(wǎng)站更容易使用,能適應更多不同用戶和更多網(wǎng)路設備
當瀏覽器版本更新,或者出現(xiàn)新的網(wǎng)絡交互設備時,確保所有應用能夠繼續(xù)正確執(zhí)行。
那么,我們了知道這些好處,還需要在實際當中活學活用,今天的主題是以一個實例來體現(xiàn)css在SEO中的靈活運用,我發(fā)現(xiàn),在大多數(shù)不怎么運用標準甚至一些符合標準的網(wǎng)站里,都犯有這點錯誤,哪一點?請繼續(xù)往下看。
先看圖:
我就不兜圈子了,從圖中我們看到有些標題是這樣的:4399小游. . . 。這是一個因為長度過長而被省略的標題。
通常我們的一般是做成靜態(tài)頁面的,那么我們在生成標題的時候會使用類似:{limit:title,12,“. . .”},相信大家都看得懂,限制標題長度為12,過長的部分用“. . .”省略號代替。那實際該標題顯示在首頁或者當前頁的關鍵字就是”4399小游. . .“,我們知道,搜索是讀源文件的,我們提取該頁的源文件分析:
搜索引擎看到的結果是這樣的:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游. . .</a></li>
而不是我們想像中的完整標題:<li><a href="http://www.4399ol.com"target="_blank" title="4399小游戲">4399小游戲</a></li>
那么這樣做會有影響么?答案是肯定的。站長們其實都知道,這樣做該鏈接的文字描述權重就會分到”4399小游...“,而非”4399小游戲“上了,當然盡管我們已經(jīng)在<A>中用title描述了完整的標題。
如果這樣說還不明白的話,我們還可以這樣來解釋,很多平時喜歡交換鏈接的站長,使用的網(wǎng)站名不單單是為了帶流量,而是為了某個關鍵詞的權重和排名。SEO的靈魂就是鏈接,不管是外鏈還是內鏈,都有明顯的‘權重傳遞’,如果我們限制了標題而替代以省略號,相信權重會大打折扣,這一點是毋庸置疑的。
了解了這一點,我們就會想對策。其實CSS 2.0中屬性<li>就很好的為我們解決了這個問題,一個很簡簡單的功能就能搞定了,我們在控制<li>的時候可以這樣寫(為了清楚明白,附以完整代碼):
以下為引用的內容:
<style type="text/css">
<!--
li {
width:20px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
/* firefox only */
li:not(p) { /* wtf is? pls let me know*/
clear: both;
}
li:not(p) a {
max-width: 17px;
float: left;
}
li:not(p):after {
content: "...";
float: left;
width: 25px;
padding-left: 5px;
color: #df3a0e;
}
-->
</style>
<ul>
<li><a href="http://www.4399ol.com" titile="4399小游戲">4399小游戲</a></li>
</ul>
這樣的話就輕松解決了問題。即便是超出的部分,也不會在源文件中被砍掉了,而是以完整的標題提供給搜索引擎去索引了。
其實文章前面我們也提到了,很多網(wǎng)站,尤其是以表格完成頁面主題的網(wǎng)站,在”相關文章“里都會有標題超長出現(xiàn),而大多數(shù)網(wǎng)站的處理方法就是截掉了超長部分,當然表格完成的頁面也可以使用此方法,道理是一樣的,大家可以去試試。
p+css標準設計有很多地方很適合SEO優(yōu)化,希望大家慢慢的去摸索和嘗試。
此文只是本人優(yōu)化過程中的一點點體會,希望能起到拋磚引玉的作用,謝謝大家!
更多新聞
2023
引言在如今數(shù)字化的時代,擁有一個靠譜的商城網(wǎng)站對于企業(yè)來說是至關重要的。。隨著電子商務的興起,越來越...
View details
2020
最近小百在QQ上經(jīng)常被問:我的網(wǎng)站怎么老被百度K掉啊?有什么方法能不被百度K嗎?小百覺得一句話兩句話也說不清楚,而且小百說的也不一定全部正確,今天小百只說要注意的事項。pS 以
View details
2023
一旦設計確定,開發(fā)團隊將開始實施網(wǎng)站的功能。他們將使用編程語言和技術來構建網(wǎng)站的前端和后端。在開發(fā)結束后,團隊將測試網(wǎng)站以確保其在不同設備和瀏覽器上的兼容性和穩(wěn)定性。
View details
2023
為什么網(wǎng)站建設對公司至關重要?在當今科技發(fā)達的時代,擁有一個專業(yè)的網(wǎng)站對任何公司來說都是至關重要的。...
View details